<template>
	<div>
		<!-- 面包屑导航 -->
		<el-breadcrumb class="top">
			<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>风险管理</el-breadcrumb-item>
			<el-breadcrumb-item>风险预案</el-breadcrumb-item>
		</el-breadcrumb>
	<!-- card -->
		
	<el-container>
	  <el-header>风险预案</el-header>
	  <el-container>
	    <el-aside width="200px">风险名称</el-aside>
	    <el-main>预案内容</el-main>
	  </el-container>
	</el-container>
		</div>
</template>

<script>
	export default{
		
	}
</script>

<style lang="less" scoped>
	
	  .el-header, .el-footer {
	    background-color: #B3C0D1;
	    color: #333;
	    text-align: center;
	    line-height: 60px;
	  }
	  
	  .el-aside {
	    background-color: #D3DCE6;
	    color: #333;
	    text-align: center;
	    line-height: 200px;
	  }
	  .top{
		   line-height: 28px;
		   font-size: 0.9375rem;
	  }
	  .el-main {
	    background-color: #E9EEF3;
	    color: #333;
	    text-align: center;
	    line-height: 160px;
	  }
	  
	  body > .el-container {
	    margin-bottom: 40px;
	  }
	  
	 
	</style>